<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css"/>
<meta http-equiv="Content-Script-Type" content="text/javascript"/>
<link rel="stylesheet" type="text/css" href="${f:url('/css/global.css')}"/>
<link type="text/css" href="${f:url('/css/flexigrid/flexigrid.css')}" rel="stylesheet"/>
<script type="text/javascript" src="${f:url('/js/jquery-1.4.2.min.js')}"></script>
<script type="text/javascript" src="${f:url('/js/flexigrid.js')}"></script>
	<script type="text/javascript">
	<!--
	$(function(){
		$('#strage').flexigrid(
		{
		colModel : [
				{display: 'ポケモン', name : 'pokemonName', width : 80, sortable : true, align: 'left'},
				{display: 'ニックネーム', name : 'nickname', width : 80, sortable : true, align: 'left'},
				{display: 'マーク', name : 'mark', width : 50, sortable : true, align: 'left'},
				{display: '性格', name : 'natureName', width : 80, sortable : false, align: 'left'},
				{display: '性別', name : 'gender', width : 40, sortable : false, align: 'left'},
				{display: '特性', name : 'characteristicsName', width : 80, sortable : true, align: 'left'},
				{display: '出会った日', name : 'encouterDate', width : 80, sortable : false, align: 'left'},
				{display: '出会った場所', name : 'placeName', width : 80, sortable : false, align: 'left'},
				{display: '個性', name : 'personalityName', width : 80, sortable : false, align: 'left'},
				{display: '個体値評価', name : 'generalAverageName', width : 80, sortable : false, align: 'left'},
				{display: 'H', name : 'individualH', width : 15, sortable : false, align: 'left'},
				{display: 'A', name : 'individualA', width : 15, sortable : false, align: 'left'},
				{display: 'B', name : 'individualB', width : 15, sortable : false, align: 'left'},
				{display: 'C', name : 'individualC', width : 15, sortable : false, align: 'left'},
				{display: 'D', name : 'individualD', width : 15, sortable : false, align: 'left'},
				{display: 'S', name : 'individualS', width : 15, sortable : false, align: 'left'},
				{display: '技1', name : 'trickName1', width : 65, sortable : true, align: 'left'},
				{display: '技2', name : 'trickName2', width : 65, sortable : true, align: 'left'},
				{display: '技3', name : 'trickName3', width : 65, sortable : true, align: 'left'},
				{display: '技4', name : 'trickName4', width : 65, sortable : true, align: 'left'},
				{display: '備考', name : 'comment', width : 80, sortable : true, align: 'left'},
				{display: '', name : 'show', width : 30, sortable : false, align: 'center'},
				{display: '', name : 'edit', width : 30, sortable : false, align: 'center'},
				{display: '', name : 'revocation', width : 30, sortable : false, align: 'center'}
				],
		height: 'auto',
		width: 'auto'
		}
		);
	});
	// -->
	</script>
</head>
<body>

<html:errors/>


<table id="strage">
<tbody>
<c:forEach var="e" varStatus="s" items="${strages}">
	<tr>
		<td>
			${f:h(e.pokemonM.name)}
		</td>
		<td>
			${f:h(e.nickname)}
		</td>
		<td>
			${f:h(e.mark)}
		</td>
		<td>
			${f:h(e.natureM.natureName)}
		</td>
		<td>
			${f:h(e.gender)}
		</td>
		<td>
			${f:h(e.characteristicsM.characteristicsName)}
		</td>
		<td>
			${f:h(e.encouterDate)}
		</td>
		<td>
			${f:h(e.placeM.placeName)}
		</td>
		<td>
			${f:h(e.personalityM.personalityName)}
		</td>
		<td>
			${f:h(e.generalAverageM.generalAverageName)}
		</td>
		<td>
			${f:h(e.individualH)}
		</td>
		<td>
			${f:h(e.individualA)}
		</td>
		<td>
			${f:h(e.individualB)}
		</td>
		<td>
			${f:h(e.individualC)}
		</td>
		<td>
			${f:h(e.individualD)}
		</td>
		<td>
			${f:h(e.individualS)}
		</td>
		<td>
			${f:h(e.trickM1.trickName)}
		</td>
		<td>
			${f:h(e.trickM2.trickName)}
		</td>
		<td>
			${f:h(e.trickM3.trickName)}
		</td>
		<td>
			${f:h(e.trickM4.trickName)}
		</td>
		<td>
			${f:h(e.comment)}
		</td>
		<td><s:link href="show/${e.starageId}"> show </s:link></td>
		<td><s:link href="edit/${e.starageId}"> edit </s:link></td>
		<td><s:link onclick="return confirm('delete OK?');" href="delete/${e.starageId}">delete</s:link></td>
	</tr>
</c:forEach>
</tbody>

</table>

<s:link href="create"> create new Object </s:link>
</body>
</html>